*{padding: 0;margin: 0;}
body{background-color: #f4f4f4;}
li{list-style: none;}
.container{margin: 0 auto;}
.artBg{width: 100%;}
.artBg img{display: block;}


.artTitle h3,.artTitle h5{margin:30px auto;text-align: center;}
.artTitle h5{text-align: center;}

.artList .artDes{position: relative;margin: 0 auto;padding: 0;}
.artList .artDes img,.artList .artDes span{display: block;position: absolute;}
.artList .artDes img{width: 99%;top: 0;left: 0.5%;}
.artList .artDes span{width:98%;bottom: 0;left: 1%;right:0;height:30px;background: #000;color: #fff;text-align: center;line-height: 30px;filter: alpha(70);opacity: 0.7;}


.artItems{margin-top: 30px;margin-bottom: 20px;}
.artItems .decorateZone{margin: 0 auto;background: #fff;}
.artItems .decorateZone .decorateList,.artItems .decorateZone .priceStand{width: 90%;margin: 0 auto;padding:15px; }
.artItems .decorateZone .decorateList span{display: block;}
.artItems .decorateZone .decorateList span:nth-of-type(1){color: #f60;font-size: 1.5rem;font-weight: bold;}
.artItems .decorateZone .decorateList span:nth-of-type(2){font-size: 1.2rem;width: 60%;padding:5px 0;border-bottom: 1px solid #eee;}
.artItems .decorateZone .decorateList ul{margin-top: 20px;}
.artItems .decorateZone .decorateList h5{font-weight: bold;color: #f60;padding-bottom: 10px;border-bottom: 1px solid #eee;width: 90%;margin: 10px auto;text-align: center;}
.artItems .decorateZone .decorateList p{width: 90%;margin: 0 auto;}
.artItems .decorateZone .priceStand{color: #fff;}
.artItems .decorateZone .priceStand h6{width: 60%;padding-bottom: 5px;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.artItems .decorateZone .priceStand h3{text-align: center;}
.artItems .col-md-4:nth-of-type(1) .priceStand{background: #3397ec;}
.artItems .col-md-4:nth-of-type(2) .priceStand{background: #612bd1;}
.artItems .col-md-4:nth-of-type(3) .priceStand{background: #f93a70;}


.artImgList{background: #fff;margin: 30px auto;clear: both;}
.artImgList::after{clear: both;display: block;content: "";height: auto;}
.artImgList a{display: block;float:left;width: 20%; }
.artImgList img{width: 50%;margin: 0 auto;display: block;}


@media screen  and (min-width:768px){
    /*.artBg{height: 410px;}*/
    .artBg img{width: 100%;margin: 0 auto 30px auto;}

    .artList{margin-top: 30px;}
    .artList .artDes{width: 233px;height:176px;}

    .artItems .decorateZone{width: 90%;}
    .artItems .decorateZone .decorateList ul{height: 77px;}
    .artItems .decorateZone .decorateList p{height: 77px;}
    .artItems .decorateZone .priceStand{height: 260px;}

    .artImgList{width: 90%;padding: 15px;}
    .artImgList a{margin-bottom: 20px;}

}


@media screen and (max-width: 768px){
    .artBg img{width: 100%;}


    .artList{margin-top: 20px;}
    .artList .artDes{width: 139px;height:105px;margin-bottom: 20px;}

    .artItems .row .col-xs-12{padding: 0 5px;}
    .artItems .decorateZone{width: 95%;}
    .artItems .decorateZone .priceStand{margin-bottom: 20px;}

    .artImgList{width: 95%;padding: 5px;}
    .artImgList a{margin-bottom: 10px;}
}

